﻿<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>游币比例管理页面</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<script src="../js/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript" src="../js/bootstrap-select.js">
	
</script>
<link rel="stylesheet" type="text/css" href="../css/bootstrap-select.css">

<!-- 3.0 -->

<link href="../css/bootstrap.min.css" rel="stylesheet">
<script src="../js/bootstrap.min.js"></script>
<style type="text/css">
#container {
	margin-top: -20px;
	margin-left: 10px;
}
</style>

</head>
<body>
	<div>
		<div id="container">
			<div class="page-header ">
				<h2>密保卡管理</h2>
			</div>
			<form action="">
				<div class="row">
					<div class="col-xs-4 col-sm-12 ">
						<div class="row">
							<div class="col-xs-8 col-sm-2">
								<span class="btn btn-default">卡号 <input type="text" /> </span>
							</div>
							<div class="col-xs-4 col-sm-3 ">
								<div class="row">
									<div class="col-xs-6 col-sm-4 ">
										<span class="btn btn-default">有效期开始时间 <input
											type="text"  /> <img
											src="../js/My97DatePicker/skin/datePicker.gif" width="16"
											height="22" /> </span>
									</div>
								</div>
							</div>

							<div class="col-xs-4 col-sm-3 ">
								<div class="row">
									<div class="col-xs-8 col-sm-4">
										<span class="btn btn-default">有效期结束时间 <input
											type="text" /> <img
											src="../js/My97DatePicker/skin/datePicker.gif" width="16"
											height="22" /> </span>
									</div>
								</div>
							</div>

							<div class="col-xs-4 col-sm-2 ">
								<div class="row">
									<div class="col-xs-8 col-sm-3">
										<span class="btn btn-default"> 省份<select >
												
													<option value="${province.provId}">北京</option>
													<option value="${province.provId}">上海</option>
													<option value="${province.provId}">江苏</option>
												
										</select> </span>
									</div>
								</div>
							</div>
							<div class="col-xs-4 col-sm-1 ">
								<div class="row">
									<div class="col-xs-6 col-sm-4 ">
										<input type="button" class="btn btn-primary" id="search"
											value="查询" />
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				</form>
			<div class="row">&nbsp;</div>
			<div class="row">
				<div class="col-xs-6 col-sm-4">
					<a href="addCard.html" class="btn btn-primary">批量生成密保卡</a>
					
				</div>
			</div>
			<div class="row">&nbsp;</div>
			<div class="row">
				<div class="col-xs-6 col-sm-11">
					<div class="table-responsive"
						style="vertical-align: middle;text-align: center;">
						<table id="searchTable"
							class="table table-bordered table-hover table-condensed  ">
							<tr>
								<td><input type="checkbox" id="all" value="全选"
									 /> 全选</td>
								<td>ID</td>
								<td>卡号</td>
								<td>密码</td>
								<td>金额</td>
								<td>省份</td>
								<td>有效期开始时间</td>
								<td>有效期结束时间</td>
								<td>使用状态</td>
								<td>创建时间</td>
							</tr>
								<tr>
									<td><input type='checkbox' 
										name='opt' value='' /></td>
									<td>1</td>
									<td>MSD1WUYBJJNG</td>
									<td>SZ48b8</td>
									<td>100</td>
									<td>江苏</td>
									<td>2017-05-01 12:16:19</td>
									<td>2017-06-01 12:16:19</td>
									<td>
										未生效
									</td>
									<td>
										2017-05-13 12:16:19
									</td>
								</tr>
								<tr>
									<td><input type='checkbox' 
										name='opt' value='' /></td>
									<td>1</td>
									<td>MSD1WUYBJJNG</td>
									<td>SZ48b8</td>
									<td>100</td>
									<td>江苏</td>
									<td>2017-05-01 12:16:19</td>
									<td>2017-06-01 12:16:19</td>
									<td>
										未生效
									</td>
									<td>
										2017-05-13 12:16:19
									</td>
								</tr>
								<tr>
									<td><input type='checkbox' 
										name='opt' value='' /></td>
									<td>1</td>
									<td>MSD1WUYBJJNG</td>
									<td>SZ48b8</td>
									<td>100</td>
									<td>江苏</td>
									<td>2017-05-01 12:16:19</td>
									<td>2017-06-01 12:16:19</td>
									<td>
										未生效
									</td>
									<td>
										2017-05-13 12:16:19
									</td>
								</tr>
								<tr>
									<td><input type='checkbox' 
										name='opt' value='' /></td>
									<td>1</td>
									<td>MSD1WUYBJJNG</td>
									<td>SZ48b8</td>
									<td>100</td>
									<td>江苏</td>
									<td>2017-05-01 12:16:19</td>
									<td>2017-06-01 12:16:19</td>
									<td>
										未生效
									</td>
									<td>
										2017-05-13 12:16:19
									</td>
								</tr>
								<tr>
									<td><input type='checkbox' 
										name='opt' value='' /></td>
									<td>1</td>
									<td>MSD1WUYBJJNG</td>
									<td>SZ48b8</td>
									<td>100</td>
									<td>江苏</td>
									<td>2017-05-01 12:16:19</td>
									<td>2017-06-01 12:16:19</td>
									<td>
										未生效
									</td>
									<td>
										2017-05-13 12:16:19
									</td>
								</tr>
						</table>

					</div>
				</div>
			</div>
		</div>
	</div>
</body>

<style>
td {
	vertical-align: middle !important;
}
</style>
</html>
